<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>册府撷珍民族文化宫典藏古籍精品展</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <script src="js/swiper-bundle.min.js"></script>
    <!-- <script src="js/swiper.min.js"></script> -->
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>

</head>

<body>
    <div class="header">
        <img src="img/index_b.png" class="img-responsive banner wow fadeInDown" data-wow-delay="0.4s">
    </div>

    <div class="header_body">
        <div class="bj1">
            <img src="img/index_a.png" class="img-responsive banner wow fadeInDown" data-wow-delay="0.4s">
        </div>
        <div class="clear"></div>
        <div class="nav1_all">
            <ul class="nav1 wow fadeInUp" data-wow-delay="0.6s">
                <li><a href="#e1">首页</a> </li>
                <li><a href="#e2">前言</a> </li>
                <li><a href="#e3">展览现场</a> </li>
                <li><a href="#e4">观众参观</a> </li>
                <li><a href="#e5">媒体报道</a> </li>
                <li><a href="#e6">媒体见面会</a> </li>
                <li><a href="#e7">现场照片</a> </li>
                <div class="nav1_title">展览地点： 民族文化馆</div>
            </ul>
            <div class="nav1_line"></div>
            <div class="container_content1">
                <div class="content1_left">
                    <div class="qianyan">
                        <p class="qianyan_title1">前言</p>
                    </div>
                    <div class="qianyan_text">
                        <span
                            class="qianyan_content">北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。</span>
                    </div>
                    <div class="qianyan_footer"><a>详细进入</a></div>
                </div>
                <div class="content_right">
                    <div class="swiper swiper_one">
                        <div class="swiper-wrapper swiper-wrapper-one">
                            <div class="swiper-slide swiper-slide-one">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-one">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-one">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper_mask">
                            <div class="swiper_title">这里是标题</div>
                            <div class="swiper-pagination"></div>
                        </div>

                        <!-- 如果需要导航按钮 -->
                        <!-- <div class="swiper-button-prev swiper-button-prev-one"></div>
                        <div class="swiper-button-next swiper-button-next-one"></div> -->

                        <!-- 如果需要滚动条 -->
                        <!-- <div class="swiper-scrollbar"></div> -->
                    </div>

                </div>
            </div>

            <div class="container_content2">
                <div class="content2_all">
                    <div class="qianyan qianyan2">
                        <p class="qianyan_title1">展览现场</p>
                    </div>
                    <div class="content2_box">
                        <div class="content2_left">
                            <div class="content2_left_img">
                                <img src="img/pic.png" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                                <div class="left_img_text">辽阔疆域成一统</div>
                            </div>
                            <div class="content2_right_img">
                                <div class="img_box">
                                    <div class="img_box_img">
                                        <img src="img/icon.png" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="width:100%">
                                    </div>
                                    <span class="zhanlan_pic"><a>展览图片</a></span>
                                </div>
                                <div class="content2_right_content">
                                    <div class="content_box1">
                                        <img src="img/index_f.jpg" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="height:100%">
                                    </div>
                                    <div class="content_box1 content_box2 ">
                                        <span
                                            class="qianyan_content new_content">北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="content2_left">
                            <div class="content2_left_img">
                                <img src="img/pic.png" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                                <div class="left_img_text">悠久历史谱同心</div>
                            </div>
                            <div class="content2_right_img">
                                <div class="img_box">
                                    <div class="img_box_img">
                                        <img src="img/index_l.png" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="width:100%">
                                    </div>
                                    <span class="zhanlan_pic"><a>展览图片</a></span>
                                </div>
                                <div class="content2_right_content">
                                    <div class="content_box1">
                                        <img src="img/index_f.jpg" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="height:100%">
                                    </div>
                                    <div class="content_box1 content_box2 ">
                                        <span
                                            class="qianyan_content new_content">北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content2_box">
                        <div class="content2_left">
                            <div class="content2_left_img">
                                <img src="img/pic.png" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                                <div class="left_img_text">灿烂文化续根脉</div>
                            </div>
                            <div class="content2_right_img">
                                <div class="img_box">
                                    <div class="img_box_img">
                                        <img src="img/index_m.png" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="width:100%">
                                    </div>
                                    <span class="zhanlan_pic"><a>展览图片</a></span>
                                </div>
                                <div class="content2_right_content">
                                    <div class="content_box1">
                                        <img src="img/index_f.jpg" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="height:100%">
                                    </div>
                                    <div class="content_box1 content_box2 ">
                                        <span
                                            class="qianyan_content new_content">北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="content2_left">
                            <div class="content2_left_img">
                                <img src="img/pic.png" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                                <div class="left_img_text">伟大精神耀中华</div>
                            </div>
                            <div class="content2_right_img">
                                <div class="img_box">
                                    <div class="img_box_img">
                                        <img src="img/index_n.png" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="width:100%">
                                    </div>
                                    <span class="zhanlan_pic"><a>展览图片</a></span>
                                </div>
                                <div class="content2_right_content">
                                    <div class="content_box1">
                                        <img src="img/index_f.jpg" class="img-responsive banner wow fadeInDown"
                                            data-wow-delay="0.4s" style="height:100%">
                                    </div>
                                    <div class="content_box1 content_box2 ">
                                        <span
                                            class="qianyan_content new_content">北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致次历史盛会。北京外国语大学彭龙校长、上海外国语大学曹德明校长、广东外语外贸大学仲伟合校长到会致辞，对大会顺利召开表示祝贺，并一致赞誉本论坛是中国外语教育界的一次历史盛会。</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container_content2">
                <div class="content2_all">
                    <div class="qianyan qianyan2">
                        <p class="qianyan_title1">媒体见面会</p>
                    </div>
                    <div class="content2_box">
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                    </div>
                    <div class="content2_box">
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                        <div class="content3_box">
                            <div class="content3_box_img">
                                <img src="img/index_o.jpg" class="img-responsive banner wow fadeInDown"
                                    data-wow-delay="0.4s" style="height:100%">
                            </div>
                            <div class="content3_box_text">这里是标题这里是标题</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content4 ">
                <div class="content4_left">
                    <div>
                        <div class="qianyan qianyan3">
                            <p class="qianyan_title1">观众参观</p>
                        </div>
                        <div class="qianyan_footer"><a>更多</a></div>
                    </div>
                    <div class="swiper swiper_two">
                        <div class="swiper-wrapper swiper-wrapper-two">
                            <div class="swiper-slide swiper-slide-two">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-two">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-two">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev swiper-button-prev-two">
                        <img src="img/letf.jpg" alt="">
                    </div>
                    <div class="swiper-button-next swiper-button-next-two">
                        <img src="img/right.jpg" alt="">
                    </div>
                </div>
                <div class="content4_right">
                    <div>
                        <div class="qianyan qianyan3">
                            <p class="qianyan_title1">媒体报道</p>
                        </div>
                        <div class="qianyan_footer"><a>更多</a></div>
                    </div>
                    <div class="content4_text">
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                        <p class="qianyan_content content4_p">外语外贸大学仲伟一致赞誉本论坛是中国外语教育界的语外贸大学仲伟一致赞誉本论坛。</p>
                    </div>
                </div>
            </div>

            <div class="content5">
                <div>
                    <div class="qianyan tupian">
                        <p class="qianyan_title1">现场图片</p>
                    </div>
                    <div class="qianyan_footer"><a>更多</a></div>
                </div>
                <div>
                    <div class="swiper swiper_three">
                        <div class="swiper-wrapper swiper-wrapper-three">
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                            <div class="swiper-slide swiper-slide-three">
                                <img src="img/dhzs1.png" alt="">
                            </div>
                        </div>


                        <!-- 如果需要分页器 -->
                        <div class="swiper_mask">
                            <div class="swiper_title">这里是标题</div>
                            <div class="swiper-pagination swiper-pagination-three"></div>
                        </div>
                    </div>
                    <div class="swiper-button-prev swiper-button-prev-three">
                        <img src="img/letf.jpg" alt="">
                    </div>
                    <div class="swiper-button-next swiper-button-next-three">
                        <img src="img/right.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="header">
            <img src="img/icon_bg1.png" class="img-responsive banner wow fadeInDown" data-wow-delay="0.4s">
        </div>
    </div>

</body>

<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/style.js"></script>

<script type="text/javascript">
    var mySwiper = new Swiper('.swiper', {
        //   direction: 'vertical', // 垂直切换选项,若想让图片垂直切换使用此行
        // autoplay:true,
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true, //点击切换效果(点击圆点切换图片)
        },

        // 如果需要前进后退按钮（左右两边按钮）
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

        // 如果需要滚动条
        //   scrollbar: {
        //     el: '.swiper-scrollbar',
        //   },
    })
    var mySwiper_two = new Swiper('.swiper .swiper_two', {
        //   direction: 'vertical', // 垂直切换选项,若想让图片垂直切换使用此行
        loop: true, // 循环模式选项

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination .swiper-pagination-two',
            clickable: true, //点击切换效果(点击圆点切换图片)
        },

        // 如果需要前进后退按钮（左右两边按钮）
        navigation: {
            nextEl: '.swiper-button-next .swiper-button-next-two',
            prevEl: '.swiper-button-prev .swiper-button-prev-two',
        },

    })
    var mySwiper_three = new Swiper('.swiper .swiper_three', {
        // direction: 'horizontal', //默认horizontal, 水平轮播
        autoplay: true,   //自动切换
        loop: true,  //循环
        slidesPerView: 2,  //默认1, 同时显示的slides数量,auto 代表根据轮播图的宽度排列
        spaceBetween: 10, //轮播图之间的间距
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination .swiper-pagination-three',
            clickable: true, //点击切换效果(点击圆点切换图片)
        },
        navigation: {
            nextEl: '.swiper-button-next .swiper-button-next-three',
            prevEl: '.swiper-button-prev .swiper-button-prev-three',
        },

    })

    window.οnresize=function(){  
        console.log($(window).width());
    }

</script>

</html>